<template>
  <div class="Header">
    <div class="logo">
      <img src="../assets/img/indexLogo.6f8ac4f0.png" alt="" />
    </div>
    <div>
      <ul class="HomePageGoods">
        <li>首页</li>
        <li>全部商品</li>
        <li>个人中心</li>
        <li>我的订单</li>
        <li>专属福利</li>
      </ul>
      <div class="InputBox"></div>
    </div>
    <div class="BackgroundPicture">
      <img src="../assets/img/banner.f559b49d.png" alt="" />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style lang="less" scoped>
.Header {
  width: 1180px;
  margin: 0 auto;
}
.logo {
  float: left;
}
.HomePageGoods {
  width: 500px;
  height: 16px;
  font-size: 16px;
  font-family: SourceHanSansSC;
  font-weight: 500;
  color: #0a328e;
  line-height: 23px;
  float: left;
}
li {
  float: right;
}
.InputBox {
  width: 214px;
  height: 40px;
  border: 1px solid #dedede;
  border-radius: 20px 0px 0px 20px;
  float: right;
}
.BackgroundPicture {
  margin-top: 10px;
  padding-bottom: 10px;
}
</style>
